<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<link rel="stylesheet" type="text/css" href="pages/system/css/serviceRequestMng.css">
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<ul class="breadcrumb">
				<li><span class="c-999">运营售后管理<i
					class="icon-angle-right"></i></span>
				</li>
				<li><a class="c-666" onclick="util.showContent('pages/system/serviceRequestMng.jsp')">服务请求</a></li>
			</ul>
		</div>
	</div>

	<div class="search-box">
		<div class="search-title">
			<span class="search-criteria c-666">&nbsp;查询条件</span>
		</div>
		<form id="customer_search_form">
			<table class="search-body" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
					<td>
						
						<label class="my-label">客户名称:</label>
						<select id="id_cusName" class="my-select" style="width:200px">
							<option value = ""></option>
						</select>
						
						<label class="my-label">请求类型:</label>
						<select id="id_requestType" class="my-select">
							<option value="">全部</option>
							<option value="1">报警处理</option>
							<option value="2">故障解决</option>
							<option value="3">维保服务</option>
							<option value="4">培训服务</option>
							<option value="5">其他</option>
						</select>

						<label class="my-label">请求状态:</label>
						<select id="id_requestStatus" class="my-select">
							<option value="">全部</option>
							<option value="1">未处理</option>
							<option value="2">已确认</option>
							<option value="3">处理中</option>
							<option value="4">已解决</option>
							<option value="5">已关闭</option>
						</select>
					</td>
				</tr>
			</table>
		</form>
		<ul class="search-button">
			<li><button class="btn blue" id="btn_query">查&nbsp;&nbsp;询</button></li>
			<li><button class="btn blue" id="btn_reset">重&nbsp;&nbsp;置</button></li>
		</ul>
	</div>
	<div class="table-con">
		<div class="table-head">
			&nbsp;&nbsp;&nbsp;<i class="icon-reorder"></i>&nbsp;列表详情
		</div>
		<div class="list-body">
			<div class="portlet-body">
				<p>
					<button type="button" class="btn blue hide" id="req_table_add" data-toggle="modal">新&nbsp;&nbsp;增</button>
					<button id="req_table_edit" class="btn green hide" data-toggle="modal">
							编&nbsp;&nbsp;辑
					</button>
					<button id="req_table_del" class="btn red hide">
							删&nbsp;&nbsp;除
					</button>
				</p>
			</div>
			<div class="table-responsive">
				<table class="table table-striped table-hover table-bordered"
					id="serviceReq_table">
					<thead>
						<tr>
							<th class="sorting_asc_disabled" style="width:8px;"><input
								type="checkbox" class="group-checkable"
								data-set="#serviceReq_table .checkboxes" />
							</th>
							<th class="fourMinWidth">请求编码</th>
							<th class="fourMinWidth">请求状态</th>
							<th class="fourMinWidth">请求类型</th>
							<th class="fourMinWidth">重要程度</th>
							<th class="fourMinWidth">提交人</th>
							<th class="fourMinWidth">所属客户</th>
							<th class="twoMinWidth">请求内容</th>
							<th class="twoMinWidth">提交时间</th>
							<th class="twoMinWidth">操作</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>

	<!--新增计划-->
	<div id="add-request" class="modal hide fade" tabindex="-1" data-focus-on="input:first">
		<div class="modal-header add-request-header bg-green c-bold c-fff">
			<span id="req_add_title"></span>
		</div>
		<div class="modal-body add-request-body">
			<form action="" id="request_form">
				<input type="hidden" id="pkId" name="pkId"> 
				<input type="hidden" id="submitter_id" name="submitter_id"> 
				<input type="hidden" id="customer_id" name="customer_id">
				<table class="table">
					<tr>
						<td>
							<span class="al-right"><i class="c-red">*&nbsp;</i>请求编码：</span><input type="text" id="requestCode" name="requestCode" maxlength="20"/>
						</td>
						<td><span class="al-right"><i class="c-red">*&nbsp;</i>请求类型：</span>
							<select id="requestType" name="requestType">
								<option value="">请选择</option>
								<option value="1">报警处理</option>
								<option value="2">故障解决</option>
								<option value="3">维保服务</option>
								<option value="4">培训服务</option>
								<option value="5">其他</option>
							</select>
						</td>
					</tr>
					<tr>
						<td><span class="al-right"><i class="c-red">*&nbsp;</i>重要程度：</span>
							<select id="requestImportance" name="requestImportance">
								<option value="">请选择</option>
								<option value="1">一般</option>
								<option value="2">中等</option>
								<option value="3">紧急</option>
							</select></td>
						<td>
							<span class="al-right"><i class="c-red">*&nbsp;</i>提交人：</span>
							<input type="text" id="submitter" name="submitter" disabled="disabled" />
						</td>
					</tr>
					<tr>
						<td>
							<span class="al-right">所属客户：</span>
							<input type="text" id="customer" name="customer" disabled="disabled" />
							</select>
						</td>
						<td>
							&nbsp;&nbsp;
						</td>
											
					</tr>
					<tr>
						<td colspan="2">
							<span class="al-right">请求内容：</span>
							<input type="text" id="requestContent" name="requestContent" style="width:576px" maxlength="50"/>
						</td>
						
					</tr>
					<tr>
						<td colspan="2">
							<span class="al-right">请求描述：</span>
							<textarea maxlength="500" id="requestDescription" name="requestDescription" style="width:576px;height: 53px" ></textarea>
						</td>
					</tr>
					
					<tr>
						<td>
							<span class="al-right">联系人：</span>
							<input type="text" id="contacts" name="contacts" maxlength="20"/>
						</td>
						<td>
							<span class="al-right">联系电话：</span>
							<input type="text" id="contactNumber" name="contactNumber" maxlength="20"/>
						</td>
					</tr>
					
				</table>
			</form>
		</div>
		<div class="modal-footer al-center bg-fff">
			<button type="button" data-dismiss="modal" class="btn green" style="margin-right: 25px;" id="form_btn_save">保存</button>
			<button type="button" data-dismiss="modal" class="btn red" id="form_btn_close">取消</button>
		</div>
	</div>

	<!--查看详情 begin------------>
	<div id="req-detail" class="modal hide fade" tabindex="-1" data-focus-on="input:first">
		<div class="modal-header add-request-header bg-green c-bold c-fff">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
			客户信息详情
		</div>
		<div class="modal-body add-request-body">
			<table class="table">
				<tr>
					<td><span class="al-right">请求编码：</span><span class="my-text" id="detail_requestCode"></span></td>
					<td><span class="al-right">请求类型：</span><span class="my-text" id="detail_requestType"></span></td>
				</tr>
				<tr>
					<td><span class="al-right">重要程度：</span><span class="my-text" id="detail_requestImportance"></span></td>
					<td><span class="al-right">提交人：</span><span class="my-text" id="detail_submitter"></span></td>
				</tr>
				<tr>
					<td><span class="al-right">所属客户：</span><span class="my-text" id="detail_customer"></span></td>
					<td>&nbsp;&nbsp;</td>
					
				</tr>
				<tr>
					<td colspan="2"><span class="al-right">请求内容：</span><span class="my-text-579" id="detail_requestContent"></span></td>
				</tr>
				<tr>
					<td colspan="2"><span class="al-right">请求描述：</span>
						<textarea maxlength="500" id="detail_requestDescription" name="detail_requestDescription" style="width:576px;height: 120px" readonly></textarea></td>
					
				</tr>
				<tr>
					<td><span class="al-right">联系人：</span><span class="my-text" id="detail_contacts"></span></td>
					<td><span class="al-right">联系电话：</span><span class="my-text" id="detail_contactNumber"></span></td>
				</tr>
								
			</table>
		</div>
	</div>	

	
<!-- 模态窗口 str -->
<jsp:include page="/pages/common/modal.jsp"></jsp:include>

<script type="text/javascript" src="pages/system/js/serviceReqMng.js"></script>
<script src="media/js/ui-modals.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		serviceReqTable.init();
		UIModals.init();
	});
</script>


